<template>
  <div class="md">
    <md-editor v-model="text" style="padding: 10px; height: 650px" :code-theme="theme"  preview-only/>
  </div>
</template>

<script>
// import axios from "axios";
import { ref } from "vue";
import MdEditor from "md-editor-v3";
import "md-editor-v3/lib/style.css";

export default {
  name: "ShowMarkDown",
  components: {
    MdEditor,
  },
  data() {
    return {

    };
  },
  setup() {
    let text=ref("12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "1231311111111111111111111111111111111111111111111111111111111111111111111111111111111111111111112313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "123131111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111231311111111111111111111111111111111111111111111111111111111111111111111111111111111111111111112313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "12313111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111" +
        "" +
        "" +
        "" +
        "" +
        "");
    const theme = ref("stackoverflow");
    return {
      text,
      theme,
    };
  }
}

</script>

<style scoped>
.md{
  border:1px solid RGB(230,230,230);
}
</style>
